import React, { Component } from "react";

class Carousel extends Component {
  render() {
    return <div>carousel</div>;
  }
}

function Item() {
  return <div>items</div>;
}
function List() {
  return (
    <div>
      list
      <Item />
      <Item />
      <Item />
      <Item />
    </div>
  );
}

const Footer = () => <div>Footer</div>;

export default class App extends Component {
  render() {
    return (
      <>
        <Carousel />
        <List />
        <Footer />
      </>
    );
  }
}
